<template>
  <nav class="nav-root">
    <ul class="nav-list">
      <slot></slot>
    </ul>
  </nav>
</template>

<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({
  name: "NavBar"
})
</script>
<script setup lang="ts">

</script>

<style scoped lang="less">
@import "../vars";
.nav-list {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  background-color: @gray-900;
}
</style>